<!DOCTYPE html>
<!-- supperss ALL -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户留言-有贝口腔网</title>
    <meta name="keywords" content="用户留言,口腔知识,口腔资讯,有贝口腔网">
    <meta name="description" content="用户留言,有贝口腔网为用户提供专业的口腔资讯，口腔知识，口腔问题，口腔卫生等综合服务型网站">
    <link rel="stylesheet" href="./yb_system_css/reset.css">
    <link rel="stylesheet" href="./yb_system_css/commone.css">
    <link rel="stylesheet" href="./yb_system_css/commtwo.css">
    <link rel="stylesheet" href="./yb_system_css/commthree.css">
    <link rel="shortcut icon" href="http://www.hasbei.com/static/images/icon.png" type="image/x-icon">
    <link rel="stylesheet" media="screen and (min-width:481px)" href="./yb_system_css/mine.css">
    <link rel="stylesheet" media="screen and (max-width:480px)" href="./yb_system_css/mine(1).css">
    <script src="./yb_system_js/hm.js"></script>
    <script type="text/javascript">
        var basePath = "/";
    </script>
    <script src="./yb_system_js/common.js"></script>
    <script src="./yb_system_js/jquery-3.5.1.min.js"></script>
    <script src="./yb_system_js/footfixed.js"></script>
    <script src="./yb_system_js/jquery.validate.min.js"></script>
    <script src="./yb_system_js/messages_zh.js"></script>
    <script src="./yb_system_js/about.js"></script>
</head>
<body>
<div class="content">
    <div class="content-top">
        <div class="content-top-info">
            <div class="content-top-left">
                <div class="left-logo">
                    <a href="http://www.hasbei.com/" class="logo-info" target="_self"><img
                            src="./yb_system_picture/logo.png" alt="有贝口腔网"></a>
                </div>
                <ul class="right-list">
                    <li><a href="http://www.hasbei.com/zx" target="_self"><img src="./yb_system_picture/news-icon.png"
                                                                               alt="有贝口腔网"><span>资讯</span></a></li>
                    <li><a href="http://www.hasbei.com/qa" target="_self"><img src="./yb_system_picture/qa-icon.png"
                                                                               alt="有贝口腔网"><span>问答</span></a></li>
                </ul>
            </div>
            <form action="http://www.hasbei.com/search" method="get">
                <div class="content-top-right">
                    <div class="search-input">
                        <img class="search-icon" src="./yb_system_picture/icon_Search.png">
                        <input class="top-search" type="text" name="kw" placeholder="请输入资讯、问题搜索" value="">
                        <input class="search-sub" type="submit" value="搜索">
                    </div>
                    <div class="land-success">
                        <script type="text/javascript">
                            $(function () {
                                getUserReadCount();
                            })
                            function getUserReadCount() {
                                $.post(basePath + "user/center/getNoReadCount", function (data) {
                                    var msgCount = 0;
                                    var html = "<a href=\"/user/center/msgindex\">#type<span class=\"tips-num\">#count</span></a>";
                                    var setHtml = "";
                                    $("#myNoticeModul").html(setHtml);
                                    var list = data.data;
                                    var size = list.length;
                                    for (var i = 0; i < size; i++) {
                                        var type = list[i].type;
                                        var count = list[i].count;
                                        msgCount = msgCount + count;
                                        if (type == 10) {
                                            setHtml = html.replace("#type", "文章审核").replace("#count", count);
                                        } else if (type == 20) {
                                            setHtml = html.replace("#type", "提问审核").replace("#count", count);
                                        } else if (type == 21) {
                                            setHtml = html.replace("#type", "回答审核").replace("#count", count);
                                        }
                                        $("#myNoticeModul").append(setHtml);
                                    }
                                    if (msgCount == 0) {
                                        setHtml = html.replace("#type", "站内消息").replace("#count", msgCount);
                                        $("#myNoticeModul").append(setHtml);
                                    }
                                    $("#msgCount").html(msgCount);
                                    if (msgCount > 0) {
                                        $(".notice-tip").show();
                                    } else {
                                        $(".notice-tip").hide();
                                    }
                                });
                                /* setTimeout(function(){
                                    getUserReadCount();
                             },3000); */
                            }
                        </script>
                        <div class="message-notice">
                            <a href="http://www.hasbei.com/user/center/msgindex"><img
                                    src="./yb_system_picture/notice.png" alt="有贝口腔网"><span class="notice-tip"
                                                                                           id="msgCount"
                                                                                           style="display:none">0</span></a>
                            <div class="notice-modul" id="myNoticeModul"><a
                                    href="http://www.hasbei.com/user/center/msgindex">站内消息<span
                                    class="tips-num">0</span></a></div>
                        </div>
                        <div class="land-success-img">
                            <a href="http://www.hasbei.com/user/center/index">
                                <img src="./yb_system_picture/0ffde0738dde46d09dd3e5851675dd68.png">
                                <span class="land-success-name">1738808</span>
                            </a>
                            <div class="img-posi-div">
                                <a href="http://www.hasbei.com/user/center/getUserInfo"><span>个人信息</span></a>
                                <a href="javascript:;" onclick="loginOut()"><span>退出登录</span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="content-main">
        <div class="main-tab main-tab-fixed">
            <div class="max-width">
                <ul class="main-tab-ul">
                    <!-- <li class=""><a href="/" target="_self">首页</a></li> -->
                    <li class=""><a href="http://www.hasbei.com/zx" target="_self">今日推荐</a></li>
                    <li>
                        <a href="http://www.hasbei.com/zx/5" target="_self">美白</a>
                    </li>
                    <li>
                        <a href="http://www.hasbei.com/zx/1" target="_self">矫正</a>
                    </li>
                    <li>
                        <a href="http://www.hasbei.com/zx/10" target="_self">种植牙</a>
                    </li>
                    <li>
                        <a href="http://www.hasbei.com/zx/3" target="_self">溃疡</a>
                    </li>
                    <li>
                        <a href="http://www.hasbei.com/zx/2" target="_self">牙疼</a>
                    </li>
                    <li>
                        <a href="http://www.hasbei.com/zx/6" target="_self">拔牙</a>
                    </li>
                    <li>
                        <a href="http://www.hasbei.com/zx/8" target="_self">龋齿</a>
                    </li>
                    <li>
                        <a href="http://www.hasbei.com/zx/12" target="_self">洗牙</a>
                    </li>
                    <li>
                        <a href="http://www.hasbei.com/zx/9" target="_self">补牙</a>
                    </li>
                    <li>
                        <a href="http://www.hasbei.com/zx/4" target="_self">牙周炎</a>
                    </li>
                    <li class="tab-more-list">
                        <a href="javascript:;" target="_self">
                            <span>更多</span>
                            <img class="arrow-bottom" src="./yb_system_picture/arrow-bttom.png" alt="有贝口腔网">
                        </a>
                        <div>
                            <ul>
                                <li>
                                    <a href="http://www.hasbei.com/zx/11" target="_self">龅牙</a>
                                </li>
                                <li>
                                    <a href="http://www.hasbei.com/zx/13" target="_self">综合口腔</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="mine-main">
            <div class="mine-top-img">
                <img src="./yb_system_picture/mine-top.png" alt="有贝口腔网">
            </div>
            <div class="bread-crumb">
                <div>
                    <a href="http://www.hasbei.com/">首页</a>
                    <span>&gt;</span>
                    <a href="http://www.hasbei.com/about/leave">留言反馈</a>
                </div>
            </div>
            <div class="mine-info">
                <div class="mine-info-left">
                    <div class="left-tab">
                        <ul>
                            <li><a href="http://www.hasbei.com/about/me">关于我们</a></li>
                            <li><a href="http://www.hasbei.com/about/link">联系我们</a></li>
                            <li><a href="http://www.hasbei.com/about/map">网站地图</a></li>
                            <li class="checked"><a href="http://www.hasbei.com/about/leave">留言反馈</a></li>
                            <li><a href="http://www.hasbei.com/about/zhaoping">招聘信息</a></li>
                            <li><a href="http://www.hasbei.com/about/agree">用户协议</a></li>
                            <li><a href="http://www.hasbei.com/about/privacy">隐私声明</a></li>
                        </ul>
                    </div>
                </div>
                <div class="mine-info-right">
                    <div class="right-content">
                        <div class="content-list">
                            <div class="content-list-top">
                                <img src="./yb_system_picture/mine-icon.png" alt="有贝口腔网">
                                <div class="mine-title">留言反馈</div>
                            </div>
                            <div class="content-list-info">
                                <form onsubmit="return false" id="commentForm" novalidate="novalidate">
                                    <p>
                                        <span>联系人</span>
                                        <label>
                                            <input type="text" name="linkPerson" placeholder="请输入联系人" required=""
                                                   aria-required="true">
                                        </label>
                                    </p>
                                    <p>
                                        <span>联系方式</span>
                                        <label>
                                            <input type="text" name="linkWay" placeholder="请输入电话或者电子邮箱" required=""
                                                   aria-required="true">
                                        </label>
                                    </p>
                                    <p class="liuyan-contnet">
                                        <span class="liuyan-contnet-label">留言内容</span>
                                        <label>
                                            <textarea placeholder="请输入留言反馈、咨询内容" name="content" maxlength="500"
                                                      class="textarea" required="" aria-required="true"></textarea>
                                            <a><i class="number">0</i>/500</a>
                                        </label>
                                    </p>
                                    <div class="check-code">
                                        <p>
                                            <span class="check-code-span">验证码</span>
                                            <label>
                                                <input type="text" placeholder="请输入验证码" name="code" required=""
                                                       aria-required="true">
                                            </label>
                                        </p>
                                        <img alt="有贝口腔网" id="codeImg" onclick="reCode()" src="./yb_system/vcode"
                                             class="get-code" style="height:30px;width:70px;margin-left:5px">
                                    </div>
                                    <input class="sub-btn" type="submit" value="提交">
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div th:replace="public::footer"></div>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?4245936cbef31e434e2b387b56dfd7d8";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</div>
</body>
</html>